<template>
  <view>
    <view class="cu-bar bg-white margin-top-xs">
      <text class="txt-shxx">区域合伙人信息</text>
    </view>
    <view class="ywy">
     <view class="flex">
        <view class="round ">
          <image :src="adminInfo.url" class="tx" />
        </view>
        <view class="flex-treble xm">
            <view><font class="vname">姓名:</font>{{adminInfo.name}}</view>
            <view class="sjhm"><font>手机号码:</font>{{adminInfo.phone}}</view>
        </view>
     </view>
     <view class="grjs">
       <font> 个人介绍:{{adminInfo.remark||'这个人很懒，什么都没留下~'}}</font>
     </view>
    </view>
    <view class="hx"></view>
<!--    <view class="bg-white margin-top">-->
<!--      <view class="v-ewm text-center">-->
<!--        <image src="@/static/images/ewm.png" class="png"></image>-->
<!--        <view class="text-hxxx">核销码：1265972015</view>-->
<!--      </view>-->
<!--&lt;!&ndash;      <view class="action sub-title">&ndash;&gt;-->
<!--&lt;!&ndash;        <text class="text-xl text-bold text-shadow text-custom">商户信息</text>&ndash;&gt;-->
<!--&lt;!&ndash;        <text class="text-ABC text-custom">SHOP</text>&ndash;&gt;-->
<!--&lt;!&ndash;      </view>&ndash;&gt;-->
<!--    </view>-->
    <view>
      <view><text class="txt-shxx">商户信息</text></view>
      <view class="cu-form-group">
        <view class="vlabel"><font
            class="vname"><b class="sx"></b>归属用户:</font>{{ shopInfo.adminName||'' }}
        </view>
      </view>
      <view class="cu-form-group">
        <view class="vlabel"><b class="sx"></b><font
            class="vname">名称:</font>{{ shopInfo.poiName }}
        </view>
      </view>
      <view class="cu-form-group">
        <view class="vlabel"><b class="sx"></b><font
            class="vname">商户来源:</font>{{ shopInfo.shopSourceName }}
        </view>
      </view>
      <view class="cu-form-group">
        <view class="vlabel"><b class="sx"></b><font
            class="vname">地址:</font>{{ shopInfo.address }}
        </view>
      </view>
      <view class="cu-form-group">
        <view class="vlabel"><b class="sx"></b><font
            class="vname">经纬度:</font>{{ shopInfo.latitude }},{{shopInfo.longitude}}
        </view>
      </view>

      <view class="cu-form-group">
        <view class="vlabel"><b class="sx"></b><font
            class="vname">审核状态:</font>
          <span class="text-orange">
            {{ shopInfo.examineVerifyName }}
          </span>
        </view>
      </view>
      <view class="cu-form-group border-bottom">
        <view class="vlabel"><b class="sx"></b><font
            class="vname">入驻时间:</font>{{ shopInfo.createTime }}
        </view>
      </view>
    </view>
    <view class="bg-white margin-top-xl">
      <view><text class="txt-shxx">订单信息</text></view>
<!--      <view class="action sub-title">-->
<!--        <text class="text-xl text-bold text-shadow text-custom">订单信息</text>-->
<!--        <text class="text-ABC text-custom">ORDER</text>-->
<!--      </view>-->
    </view>
    <view  class="margin-top-100" style="margin-top: 10rpx">
      <view class="cu-form-group">
        <view class="vlabel"><b class="sx"></b>
          <font class="vname">归属用户:</font>{{ orderInfo.adminName }}
        </view>
     </view>
      <view class="cu-form-group">
        <view class="vlabel"><b class="sx"></b><font
            class="vname">商品名称:</font>{{ orderInfo.productName }}
        </view>
      </view>
      <view class="cu-form-group">
        <view class="vlabel"><b class="sx"></b><font
            class="vname">归属商户:</font>{{ orderInfo.poiName }}
        </view>
      </view>
      <view class="cu-form-group">
        <view class="vlabel"><b class="sx"></b><font
            class="vname">订单来源:</font>{{ orderInfo.orderSourceName }}
        </view>
      </view>
      <view class="cu-form-group">
        <view class="vlabel"><b class="sx"></b><font
            class="vname">价格:</font><span class="text-orange">{{ orderInfo.receiptAmount }}</span>
        </view>
      </view>
      <view class="cu-form-group">
        <view class="vlabel"><b class="sx"></b><font
            class="vname">订单状态:</font><span class="text-green">{{ orderInfo.orderStatusName }}</span>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
import {onLoad} from '@dcloudio/uni-app'
import {ref, onMounted, computed, reactive} from 'vue';
import {orderDetail} from '../../common/api/order'
import OrderOneList from "../../components/OrderOneList.vue";

const shopInfo = ref({})
const adminInfo = ref({})
const orderInfo = ref({})
const id = ref(0)


onLoad(option => {
  id.value = option.id
})
onMounted(() => {
  if (id.value) {
    orderDetail(id.value).then(res => {
      shopInfo.value = res.data.shop
      adminInfo.value = res.data.admin
      orderInfo.value = res.data.order
    })
  }
})
</script>

<style lang="scss" scoped>
.ywy{
  margin-left: 20rpx;
  .tx{
    width: 120rpx;
    height: 120rpx;
  }
  .xm{
    margin-left: 20rpx;
    .vname{
      font-size: 32rpx;
      color: #1D1D1D;
    }
    .sjhm{
      margin-top: 20rpx;
      font-size: 28rpx;
      color: #878787;
    }
  }
  .grjs {
    font-size: 26rpx;
    color: #878787;
  }
}
.v-ewm{
  .png{
    height: 244rpx;
    width: 244rpx;
  }
  .text-hxxx{
    font-weight: bold;
    font-size: 34rpx;
    color: #262626;
  }
}
.hx{
  margin-top: 30rpx;
  margin-bottom: 60rpx;
  width: 100wh;
  height: 20rpx;
  background: rgb(248,248,248);
}
.txt-shxx{
  font-weight: bold;
  font-size: 34rpx;
  color: #1A1A1A;
  margin-left: 20rpx;
}
.margin-top-100{
  margin-top: 100rpx;
  .sx{
    width: 6rpx;
    height: 24rpx;
    background: #EAB769;
    display: inline-block;
    margin-right: 16rpx;
  }
  .vlabel{
    font-size: 28rpx;
    color: #171717;
    .vname{
      margin-right: 10rpx;
    }
  }
  .border-bottom{
    border-bottom: 1rpx solid #eee;
  }
}
</style>
